<template lang='pug'>
.homed-box 
  .topBox
    img(src="topTitle.png")
  .conList(v-for="d in ListMsg")
    img(:src="d.title")
    .conBox
        Fir(v-for="item in d.arrList" :data="item" :width="'31%'")
</template>

<script>
import Fir from '../../components/Fir.vue'
export default {
  name: "vueName",
  data() {
    return {
      ListMsg:[]
    };
  },
  components:{
      Fir
  },
  methods:{
      getList(){
          this.$http.get('/ajaxdata/housedhold/HomeApplianceData.json').then(({data})=>{
              this.ListMsg = data
          })
      }
  },
  mounted(){
      this.getList()
  }
};
</script>
 
<style scoped lang="sass">
.homed-box
    width: 100%
    background: rgb(225, 65, 57)
    .topBox
        width: 100%
        img
            width: 100%
    .conList
        width: 100%
        margin-top: -0.03rem
        margin-bottom: 0.1rem
        img
            display: block
            width: 100%
        .conBox
            width: 100%
            display: flex
            flex-wrap: wrap
            justify-content: space-around
            background: rgb(225, 65, 57)
            
</style>